<template>
  <div class="table">
    <el-table
      :data="tableData"
      style="width: 100%"
      :header-cell-style="{
        background: '#0c2039',
        color:'#fff',
        height: '70px',
        'text-align': 'center',
      }"
     
      :default-sort="{ prop: 'date', order: 'descending' }"
    >
      <el-table-column prop="date" label="日期" width="250" align="center">
      </el-table-column>
      <el-table-column prop="name" label="机组" width="250" align="center">
      </el-table-column>

      <el-table-column prop="name" label="执行人" width="250" align="center">
      </el-table-column>

      <el-table-column prop="name" label="说明" width="250" align="center">
      </el-table-column>
      <el-table-column label="结论" align="center">
        <template slot-scope="scope">
          <el-button size="mini" @click="handleEdit">编辑</el-button>
        </template>
      </el-table-column>
    </el-table>
  </div>
</template>

<script>
import "@/views/EvaluationSelection/style/index.less";
export default {
  data() {
    return {
      tableData: [
        {
          date: "2016-05-02",
          name: "王小虎",
        },
        {
          date: "2016-05-04",
          name: "王小虎",
        },
        {
          date: "2016-05-01",
          name: "王小虎",
        },
        {
          date: "2016-05-03",
          name: "王小虎",
        },
      ],
    };
  },
  methods: {
    handleEdit(){},
    formatter(row, column) {
      return row.address;
    },
  },
};
</script>

<style>

  .el-table tbody tr:hover > td {
    background-color: #409eff !important;
    color: #0c2039 !important;
  }
.table {
  width: 100vw;
  height: 100vh;
  background-color: #0c2039;
}
.el-table,
.el-table__expanded-cell {
  background-color: #0c2039;
  color: #fff;
}

.el-table th,
.el-table tr {
  background-color: #0c2039;
}
</style>
